<!--销毁鉴定-->
<template>
  <div class="tab2">
    <div class="tab2-operate">
      <a-cascader
        :options="options"
        placeholder="请选择全宗"
        class="icon-button"></a-cascader>
      <a-button type="primary" class="icon-button">销毁鉴定</a-button>
      <a-button type="danger" class="icon-button">删除</a-button>
    </div>
    <el-table
      :data="destroyTableData"
      highlight-current-row
      border
      height="calc(100% - 90px)"
      :row-style="{height:'40px'}"
      :cell-style="{padding:'0px'}"
      :header-cell-style="{background: '#FAFAFA', padding: 0, height: '40px', color: '#666666'}"
      style="width: 100%">
      <el-table-column
        type="selection"
        width="50">
      </el-table-column>
      <slot v-for="(item,index) in destroyColumns">
        <el-table-column
          :key="index"
          :property="item.field"
          :label="item.title"
          :width="item.width"
          show-overflow-tooltip
          sortable>
        </el-table-column>
      </slot>
    </el-table>
    <div class="pagination">
      <a-pagination :default-current="4" :total="50" show-less-items />
    </div>
  </div>
</template>

<script>
export default {
  name: 'DestroyAppraisal',
  components: {
  },
  data () {
    return {
      options: [{
        value: '选项1',
        label: '研发中心测试全宗'
      }],
      destroyTableData: [
        {
          Index: 1,
          FMType: '数据汇总以卷整理',
          TableName: '汇总档案案卷表',
          Code: '1999-JJ-001',
          Topic: '江西环境工程职业学院1989-2008年房屋所有权证',
          BGQXData: '永久',
          Security: '保密',
          CreateTime: '1959-12-01'
        },
        {
          Index: 2,
          FMType: '数据汇总以卷整理',
          TableName: '汇总档案案卷表',
          Code: '1999-JJ-002',
          Topic: '江西环境工程职业学院1989-2008年房屋所有权证',
          BGQXData: '永久',
          Security: '机密',
          CreateTime: '1969-12-01'
        },
        {
          Index: 3,
          FMType: '数据汇总以卷整理',
          TableName: '汇总档案案卷表',
          Code: '1999-JJ-003',
          Topic: '江西环境工程职业学院1989-2008年房屋所有权证',
          BGQXData: '永久',
          Security: '绝密',
          CreateTime: '1979-12-01'
        },
        {
          Index: 4,
          FMType: '数据汇总以卷整理',
          TableName: '汇总档案案卷表',
          Code: '1999-JJ-004',
          Topic: '江西环境工程职业学院1989-2008年房屋所有权证',
          BGQXData: '永久',
          Security: '秘密',
          CreateTime: '1989-12-01'
        },
        {
          Index: 5,
          FMType: '数据汇总以卷整理',
          TableName: '汇总档案案卷表',
          Code: '1999-JJ-003',
          Topic: '江西环境工程职业学院1989-2008年房屋所有权证',
          BGQXData: '永久',
          Security: '绝密',
          CreateTime: '1979-12-01'
        },
        {
          Index: 6,
          FMType: '数据汇总以卷整理',
          TableName: '汇总档案案卷表',
          Code: '1999-JJ-004',
          Topic: '江西环境工程职业学院1989-2008年房屋所有权证',
          BGQXData: '永久',
          Security: '秘密',
          CreateTime: '1989-12-01'
        }
      ],
      destroyColumns: [
        {
          title: '顺序号',
          field: 'Index'
        },
        {
          title: '归档方式',
          field: 'FMType'
        },
        {
          title: '表名',
          field: 'TableName'
        },
        {
          title: '档号',
          field: 'Code'
        },
        {
          title: '标题',
          field: 'Topic'
        },
        {
          title: '保管期限',
          field: 'BGQXData'
        },
        {
          title: '密级',
          field: 'Security'
        },
        {
          title: '创建日期',
          field: 'CreateTime'
        }
      ]
    }
  },
  created () {
  },
  mounted () {
  },
  methods: {
  }
}
</script>
<style lang="less" scoped>
.tab2 {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  .tab2-operate {
    height: 50px;
    display: flex;
    align-items: center;
  }
  .pagination {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
</style>
